<html xmlns:th="http://www.w3.org/1999/xhtml">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
		<title>峰思思专业租赁</title>
		<link rel="shortcut icon" href="../resources/favicon.ico" th:href="@{/static/favicon.ico}"/>
		<link rel="stylesheet" href="css/loogin.css"/>
		<style type="text/css">
			body{
			margin: 0;

		}
			a{
				font-family: 楷体;
				font-size: 20px;
			}
			a:hover {
				color:#0055ff;
				text-decoration:none;

			}
			a:active {
				color: #ff006f;
				text-decoration:none;
			}

		</style>
	</head>
	<body>
		<div id="zg">
			<div id="top">
				<img class="tb" src="img/loginjpg.jpg">
				<div class="btwz"><b>峰思思专业租赁--欢迎您！！！</b></div>
				<div id="tb">
					<span id="loginUserId">[[${username}]]</span>
					&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
					<a href="javascript:doreturn()"><button id="zdtc">退出登录</button></a>
					&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
					<span id="myclock" onload="disptime()" />
				</div>




			</div>
			<div id="right-r">

				<img src="img/1.jpg" >
				<img src="img/2.jpg" >
				<img src="img/3.jpg" >
			</div>
			<section>
			<div id="right">
				<ul id="wxlb">
					<li class="ywy"><b>业务模块</b></li>
					<li>&nbsp;&nbsp;&nbsp;<a id="grxx">个人信息</a></li>
					<li>&nbsp;&nbsp;&nbsp;<a id="fyxx">房源信息</a></li>
					<li>&nbsp;&nbsp;&nbsp;<a id="wddd">我的订单</a></li>
					<li>&nbsp;&nbsp;&nbsp;<a id="xgmm">修改密码</a></li>
					<li>&nbsp;&nbsp;&nbsp;<a id="bqsm">版权声明</a></li>

				</ul>
			</div>
			</section>

			<section>
			<div >
			<!-- Content Header (Page header) -->
				<h1>开心快乐每一天！！！</h1>
			<!-- Main content -->


			<!-- /.content -->
			</div>
			</section>
			<section id="mainContentId" >

			</section>
		</div>
<!-- jQuery 3 -->
<script  src="bower_components/jquery/dist/jquery.min.js" ></script>


<script type="text/javascript" >

	$(function(){//页面加载完成之后执行
    	  doLoadUI("grxx","grxx-list");
    	  doLoadUI("fyxx","fyxx-list");
    	  doLoadUI("wddd","wddd-list");
    	  doLoadUI("bqsm","bqsm-list");
		  doLoadUI("xgmm","xgmm-list");
      });
	  function doLoadUI(id,url){

	      	  $("#"+id).click(function(){//事件处理函数

	      		  //load函数为一个jquery中的ajax函数,其作用是将url对应的资源，异步加载到指定位置
	      		  //此处表示在mainContentId对应的对象位置异步加载url指定资源
	      		  $("#mainContentId").load(url);
	      	  })
	        }
	  function doreturn(){
	  	location.href=`doLogin`
	  }

	  //动态时间
	  function disptime(){

		var today=new Date();

		var hh=today.getHours();

			hh=hh>9?hh:"0"+hh;

		var mm=today.getMinutes();

			mm=mm>9?mm:"0"+mm;

		var ss=today.getSeconds();

			ss=ss>9?ss:"0"+ss;

		document.getElementById("myclock").innerHTML="<span>时间:"+hh+":"+mm+":"+ss+"</span>"


	}
	//setInterval（）方法可以按照指定的周期调用函数或计算表达式

	varmytime=setInterval("disptime()",1000);

	//自动退出
	setInterval(function() {
		if(document.all) {
			document.getElementById("zdtc").click();
		} else {
			var e = document.createEvent("MouseEvents");
			e.initEvent("click", true, true);
			document.getElementById("zdtc").dispatchEvent(e);
		}
	}, 6000000);


	  </script>
	</body>
</html>
